
.g-home{
    
   
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    background: url('../../static/image/home/bg.png') no-repeat;
    background-size: 100% 100%;
    .g-home-site{
        width: 7vw;
        height: 7vw;
        margin: 0;
        margin-top: 2vw;
        margin-right: 2vw;
        float: right;
        background: url('../../static/image/home/site.png') no-repeat;
        background-size: 100% 100%;
    }
    h3{
        margin: 0;
        padding-top: 15vw;
        font-size: 8vw;
        color: #FFFFFF;
        text-align: center;
    }
    .g-home-main{
        height: 80%;
        display: flex;
        align-items: center;
        flex-direction: column;
        .g-home-item{
            width: 80vw;
            height: 40vw;
            border-radius: 8vw;
            background-color: #6df3c25e;
            flex: 1;
            margin-top: 10%;
            display: flex;
            
            // justify-content: center;
            img{
                width: 20vw;
                height: 20vw;
                padding: 10vw;
            }
            div{
        
                width: 35vw;
                
                // margin-left: 10vw;
                h4{
                    color: #FFFFFF;
                }
                span{
                    color: #B2E2EF;
                }
            }
        }
    }
    
}
